.taskMonitorGraph .change-status{
  font-size: 14px;color: #48576a;text-align: center;
}
.taskMonitorGraph .icon{
  color: #48b247;font-size:18px
}
.taskMonitorGraph .change-status .icon:hover{
  cursor: pointer;
}
.taskMonitorGraph i{
  font-style: normal;
  font-size: 14px;color: #48576a;
}
.taskLabel {
  padding: 8px 12px 8px 0;vertical-align: middle;font-size: 14px;color: #48576a;line-height: 1;box-sizing: border-box;float: right
}
.taskMonitorGraph .el-row {
  padding: 0;
}
.taskMonitorGraph .page-content-box {
  display: flex;
}
.taskMonitorGraph .page-content-box .work-base-box {
  width: 32px;
  transition: all 0.3s;
}
.taskMonitorGraph .page-content-box .work-base-box.show {
  width: 380px;
}
.taskMonitorGraph .page-content-box .work-base-box .work-base-content {
  width: 0;
  height: 0;
  margin-top: 50px;
  overflow: hidden;
  transition: all 0.3s;
}
.taskMonitorGraph .page-content-box .work-base-box.show .work-base-content {
  width: 320px;
  height: 100%;
}
.taskMonitorGraph .page-content-box .work-base-box .switch-icon {
  font-size: 12px;
  padding: 10px;
  cursor: pointer;
}
.taskMonitorGraph .el-tabs--border-card>.el-tabs__header {
  height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.taskMonitorGraph .el-tabs--border-card.show-title>.el-tabs__header {
  height: 39px;
  overflow: hidden;
}
.taskMonitorGraph .page-content-box .work-flow-box {
  position: relative;
}
.taskMonitorGraph .page-content-box .work-flow-box .switch-icon {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  width: 12px;
  margin: auto;
  padding: 10px;
  font-size: 12px;
  z-index: 9;
  cursor: pointer;
  transition: all 0.3s;
}
.taskMonitorGraph .page-content-box .work-flow-box .switch-icon.el-icon-yx-arrow-up2 {
  top: 60px;
}